<template>
    <!-- 通知之“关注”菜单项页面显示 -->
    <div id="message-advise-followee-contrainer">
        <el-row>
            <span id="clear-all-messages">清空所有消息</span>
        </el-row>
        <el-row>
            <span id="message-tag">
                粉丝
            </span>
            &nbsp;
            <span id="message-content">
                <span>
                    张三
                </span>
                <span>
                    关注了你
                </span>
            </span>
            <span id="message-remove">
                <i class="el-icon-delete"/>
            </span>
            <span id="message-time">
                2020-10-01
            </span>
        </el-row>
        <el-divider/>
        <el-row>
            <span id="message-tag">
                粉丝
            </span>
            &nbsp;
            <span id="message-content">
                <span>
                    李四
                </span>
                <span>
                    关注了你
                </span>
            </span>
            <span id="message-remove">
                <i class="el-icon-delete"/>
            </span>
            <span id="message-time">
                2020-10-01
            </span>
        </el-row>
        <el-divider/>
        <el-row>
            <span id="message-tag">
                粉丝
            </span>
            &nbsp;
            <span id="message-content">
                <span>
                    王五
                </span>
                <span>
                    关注了你
                </span>
            </span>
            <span id="message-remove">
                <i class="el-icon-delete"/>
            </span>
            <span id="message-time">
                2020-10-01
            </span>
        </el-row>
        <el-divider/>
    </div>    
</template>
<script>
import cookie from 'js-cookie'

export default {
    name: 'FolloweeAdvise',
    data(){
        return{

        }
    },
    methods:{

    },
    created(){
        console.log(cookie.get('token'))
    }
}
</script>
<style>
    #clear-all-messages {
        color: blue;
        font-size: 14px;
        cursor: pointer;
        float: right;
    }
    #message-tag {
        display: inline-block;
        border: 1px solid rgba(255, 0, 0, 0.678);
        border-radius: 4px;
        color: rgba(255, 0, 0, 0.678);
    }
    #message-content span:first-child {
        display: inline-block;
        color: rgb(65, 180, 225);
    }
    #message-time {
        float: right;
        font-size: 14px;
        color: #909399;
        line-height: 32px;
    }
    #message-remove {
        float: right;
        margin-left: 6%;
        font-size: 14px;
        line-height: 32px;
        cursor: pointer;
    }
    #message-advise-followee-contrainer > .el-row:first-child {
        margin-bottom: 8px;
    }
    #message-advise-followee-contrainer > .el-divider {
        margin: 12px auto;
    }
</style>